<template>
	<view class="pb-4">
		<view class="px-2">
			<view class="p-2 bg-white rounded-10 mt-2" v-for="(item,index) in 5" :key="index">
				<view class="flex j-sb a-center pb-3 border-bottom mb-3">
					<view class="font-bold font-32">华晨翡翠湾</view>
					<view @click="handleGo"
						class="h-50 bg-primary text-white flex j-center a-center col-5 rounded-10 font-26">项目详情
					</view>
				</view>
				<view class="mb-3 flex j-start a-center">
					<view class="text-secondary col-4">合约编号</view>
					<view class="flex-1 ml-1">Q24-06-001</view>
				</view>
				<view class="mb-3 flex j-start a-center">
					<view class="text-secondary col-4">开发商</view>
					<view class="flex-1 ml-1">株洲华晨房地产开发有限责任公司</view>
				</view>
				<view class="mb-3 flex j-start a-center">
					<view class="text-secondary col-4">合约日期</view>
					<view class="flex-1 ml-1">2024-06-17~2024-07-31</view>
				</view>
				<view class="flex j-start a-center">
					<view class="text-secondary col-4">账户余额</view>
					<view class="flex-1 ml-1 text-danger">8.270.00元</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				queryParams: {

				}
			}
		},
		methods: {
			handleGo() {
				uni.navigateTo({
					url: '/pages/h5/detail'
				})
			},

		}
	}
</script>

<style>
</style>